<html>
<head>

		<link rel="stylesheet" href="${resource(dir: 'css', file: 'style.css')}" type="text/css">
</head>

<body>
<div id="wrap">
<div class="header">
<div id="logo">
</div>
<div class="title">
<h3> Books To Africa</h3>
</div>
 <div id="menu">
            <ul>                                                                       
            <li class="selected"><a href="index.html">home</a></li>
            <li><a href="about.html">about us</a></li>
            <li><a href="category.html">donate </a></li>
            <li><a href="specials.html">browse</a></li>
            <li><a href="myaccount.html">my account</a></li>
            <li><a href="register.html">register</a></li>
            <li><a href="details.html">search</a></li>
            </ul>
        </div>     


</div>
<div class="center_content">
<div class="left_content">

<g:form action="addBookRequest" id="${params.id}">
<dl>
	<dt>Book Title:</dt> 
	<dd><g:textField id='addTitle' name="title" rows="1" cols="50" /></dd>
	<dt>Descirption:</dt>
	<dd><g:textArea id="addDescription" name="description" rows="7" cols="50"></g:textArea>
	<dt>Category</dt>
	<dd><g:select name="category" from="['General Leisure Reading', 'Reading Skills', 'Math Skills', 'Health', 'Science']"/>
	<dt>Request Begins</dt>
	<g:datePicker name="minDate"/>
	<dt>Request Ends</dt>
	<g:datePicker name="maxDate"/>
	<dt>Minimum Grade Level</dt>
	<dd><g:select name="minGradeLevel" from="0123456"/>
	<dt>Maximum Grade Level</dt>
	<dd><g:select name="maxGradeLevel" from="0123456"/>
	<g:hiddenField name="dateRequested" value="${new Date()}"/>
</dl>
<g:submitButton name="post" value="Submit"/>
</g:form>
</div>
</div>
</div>


</div>
<div class="clear"></div>
<div class="footer">
</div>
</div>
</body>
</html>

